<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input id="i1" class="i1" value="dmc1" />

    <input class="i1" value="dmc2" />
    <hr>

    <script src="../d3.js"></script>
    <script>

       //d3.select('body').append('input') ;

        //const inputSelection = d3.create('input');
        //d3.select('body').append(()=>inputSelection.node());

        //d3.select('body').append(()=>d3.select('#i1').node())

        // d3.select('body').insert('input')
        //d3.select('body').insert('input','#i1')
        //d3.select('body').insert('input','.i1');

        d3.select('#i1').remove();
    </script>
</body> 
</html>